<div id="bg">


<div nz-row class="headPart" nzAlign="middle" nzJustify="center">
    <div nz-col nzSpan="8" nzOffset="4"  >
      <div class="mainTitle" ><p nz-title >Ant Design</p></div>
    </div>
    <div nz-col nzSpan="4" class="secTitle"><p nz-title>Ng Zorro</p></div>
  </div>
  <br />
  <nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
    <input type="text" nz-input placeholder="input search text" />
  </nz-input-group>
  <ng-template #suffixButton>
    <button nz-button nzType="primary" nzSize="large" nzSearch>Search</button>

  </ng-template>


  <!--<button nz-button [nzSize]="size" (click)="play()" nzType="primary">Play</button> -->
  <!-- <div><app-mychat></app-mychat></div> -->
<app-music-player></app-music-player>
</div>
<app-footer></app-footer>

